<template>
  <div class="productConfig">
    <div class="carType">
      <CarType />
    </div>
    <div class="InsuranceScheme">
      <InsuranceScheme ref="InsuranceScheme" />
    </div>
  </div>
</template>
<script>
import CarType from './conponents/carType'
import { getSysDcarbrandClassifyConfigList } from '@/api/system'
import InsuranceScheme from './conponents/InsuranceScheme'
export default {
  name: 'ProductConfiguration',
  data () {
    return {
      bankList: []
    }
  },
  components: {
    CarType,
    InsuranceScheme
  },
  mounted () {
    this.getBankClass()
  },
  methods: {
    getBankClass () {
      getSysDcarbrandClassifyConfigList().then(res => {
        if (res.rows) {
          this.bankList = res.rows
        }
      })
    }
  },
  provide () {
    return {
      bankDataThis: this
    }
  },
  watch: {
    bankList () {
      this.$refs.InsuranceScheme.handleOk()
    }
  }

}
</script>
<style  scoped>
.productConfig {
  background: #fff;
}
</style>
